{% extends "test.html" %}
{% import "bootstrap/wtf.html" as wtf %}
{% block title %}
Profile
{% endblock %}
{% block page_content %}
<div class="page-header">
    <h1>
       {{current_user.username}}-Profiles
    </h1>
</div>



{% endblock%}
{% block post %}

<aside class="col-md-6">
    <form action="/profile" method="post" enctype="multipart/form-data">
        {{form.csrf_token}}
    <div class="col-md-6">
        {{form.avatar.label}}-{{form.avatar}}
        <p>
        昵称： {{form.nickname}}
        </p>
        <p>
        性别：{{form.gender}}
        </p>
        简介：{{form.intro}}
        <div id="birth">
            <template>
                <div class="block">
                    <span class="demonstration">生日：</span>
                    <el-date-picker
                            v-model="value1"
                            type="date"
                            name='birthday'
                            placeholder="选择日期">
                    </el-date-picker>
                </div>
            </template>
        </div>
        {{form.submit}}
    </div>
    </form>
<div class="col-md-6">
    {% for i in current_user.profile %}
    <h3>昵称:
    {{i.nickname}}
    </h3>
    <h3>性别：{{i.gender}}</h3>
    <h3>生日：{{i.birthday}}</h3>
    <h3>简介：{{i.intro}}</h3>
    <img src="{{url_for('static',filename=current_user.avatar)}}" width="140" height="140">
    {% endfor %}
</div>

</aside>


{% endblock%}
{%block col%}
{% endblock%}

{%block script%}
{{super()}}
<script>
var Main = {
    data() {
      return {
        value1: '',
      };
    }
  };
var Ctor = Vue.extend(Main)
new Ctor().$mount('#birth')

    </script>
{% endblock %}

